<template>
	<cl-page>
		<view class="doc-page">
			<view class="content">
				<text class="title">用户服务协议</text>
				<text class="update-time">更新时间：2025年1月1日</text>

				<view class="section">
					<text class="section-title">一、协议的接受</text>
					<text class="section-content">
						欢迎使用本应用服务！请您仔细阅读本协议的各项条款。如果您不同意本协议的任意内容，或者无法准确理解本协议条款的含义，请不要进行后续操作。
					</text>
				</view>

				<view class="section">
					<text class="section-title">二、服务说明</text>
					<text class="section-content">
						本应用为您提供商品浏览、购买、支付等电商服务。我们致力于为用户提供优质、安全、便捷的购物体验。
					</text>
				</view>

				<view class="section">
					<text class="section-title">三、用户权利和义务</text>
					<text class="section-content">
						1. 您有权享受本应用提供的各项服务功能； 2.
						您有义务提供真实、准确的个人信息； 3.
						您需要妥善保管账户信息，对账户安全负责； 4.
						您不得利用本应用从事违法违规活动。
					</text>
				</view>

				<view class="section">
					<text class="section-title">四、隐私保护</text>
					<text class="section-content">
						我们重视用户隐私保护，会采取合理的安全措施保护您的个人信息。详细内容请参阅《隐私政策》。
					</text>
				</view>

				<view class="section">
					<text class="section-title">五、免责声明</text>
					<text class="section-content">
						在法律允许的范围内，我们对因使用本服务而产生的任何直接、间接、偶然、特殊或后果性损失不承担责任。
					</text>
				</view>

				<view class="section">
					<text class="section-title">六、协议变更</text>
					<text class="section-content">
						我们保留随时修改本协议的权利，修改后的协议将在应用内公布。继续使用服务即表示您接受修改后的协议。
					</text>
				</view>

				<view class="section">
					<text class="section-title">七、联系我们</text>
					<text class="section-content">
						如果您对本协议有任何疑问，请通过以下方式联系我们：客服电话：17685688606
						邮箱：xmqywx@163.com
					</text>
				</view>
			</view>
		</view>
	</cl-page>
</template>

<script lang="ts" setup>
// 用户协议页面逻辑
</script>

<style lang="scss" scoped>
.doc-page {
	background-color: #ffffff;
	min-height: 100vh;
}

.content {
	padding: 32rpx;
}

.title {
	display: block;
	font-size: 36rpx;
	font-weight: 600;
	color: #1a1a1a;
	text-align: center;
	margin-bottom: 16rpx;
}

.update-time {
	display: block;
	font-size: 24rpx;
	color: #999;
	text-align: center;
	margin-bottom: 32rpx;
}

.section {
	margin-bottom: 32rpx;
}

.section-title {
	display: block;
	font-size: 28rpx;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 16rpx;
}

.section-content {
	font-size: 26rpx;
	color: #333;
	line-height: 1.6;
	text-align: justify;
}
</style>
